Ports - Steph #28
Ports - Steph #28
Conversation
There was a problem hiding this comment.
Overall great job! I'm impressed with how precise and specific you get with your selectors. It makes the html cleaner because you're adding less classes or ids there. Your CSS following the flow of your HTML made it easy to follow too! Keep up the hard work!!
| font-size: 25px; | ||
| } | ||
|
|
||
| a[href="#"]{ |
| grid-column-end: 3; | ||
| height: 100px; | ||
| width: 100px; | ||
| padding-left: 10px; |
There was a problem hiding this comment.
Did you mean to add padding on the right? If you added about 10px you would have a little space between the text and images :)
| font-weight: bold; | ||
| } | ||
|
|
||
| nav ul li:hover { |
| margin-right:auto; | ||
| } | ||
|
|
||
| .quote1{ |
There was a problem hiding this comment.
The characters overlap here if the window is made smaller. What do you think would happen if you used flexbox?
| .quote2 p{ | ||
| margin-left: 300px; | ||
| } | ||
| .quote2 blockquote:before, .quote2 blockquote:after { |
There was a problem hiding this comment.
I didn't know content could be added like this through CSS. This was very clever of you.
And thank you Kaida for pointing out that this is the CSS2 implementation of a pseudo element. CSS5 uses two colons for pseudo elements
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions